<header ng-if="!embedded" ng-include="'partials/spec-header.html'"></header>

<main role="main" class="tab-container" ng-class="{embed: embedded}">

  <span class="header-action icon-q_menu" ng-if="!embedded" ng-click="showSidebar()"></span>
  <md-button class="header-action md-icon-button embed-details-icon" ng-if="!embedded" aria-label="Embed details" ng-click="toggleEmbedPopup()">
    <i class="material-icons">open_in_new</i>
  </md-button>

  <md-tabs md-selected="selectedIndex" md-border-bottom md-autoselect>
    <div ng-repeat="specId in multispec">
      <div class="spec-tab-ctrl-wrap" ng-controller="specTabCtrl">
        <md-tab label="{{data.title}}">
          <div class="tab-content" ng-include="'partials/spec-content.html'" ng-if="spec"></div>
        </md-tab>
      </div>
    </div>
  </md-tabs>
</main>
